<style lang="scss">
.z-content-share-dialog {
  .el-dialog__header {
    display: none;
  }
  .el-dialog__footer {
    text-align: center;
  }
}
.z-content-share {
  &__body {
    padding: 10px 0;
  }
  &__who {
    padding: 5px 0;
    border: 1px solid #eee;
    border-left: none;
    border-right: none;
  }
  .toolbar {
    //height: 0;
    //padding: 0;
    //overflow: hidden;
    //border-bottom: none;
    //border-color: #eee;
    display: none;
  }
  .qus-editor .cus-div {
    border-color: transparent;
    padding: 0;
  }
  .ql-container {
    border-color: #eee;
    border-radius: 4px;
    border-top: 1px solid #eee !important;
  }
  .ql-editor{
    min-height:200px;
  }
}
</style>

<template>
  <div class="z-content-share">
    <el-button type="text" @click="dialogVisible = true">点击打开</el-button>

    <el-dialog
        class="z-content-share-dialog"
        title="提示"
        :visible.sync="dialogVisible"
        width="800px"
      >
      <div>
        <z-quill-editor
          ></z-quill-editor>
        <div  class="z-content-share__body">这是一段信息</div>
        <zw-layout
            class="z-content-share__who"
            row style="justify-content: space-between">
          <z-space>
            <div>谁可以看</div>
          </z-space>
          <z-space not-last>
            <z-person-select-dialog
              v-model="selectedUUIDs"
            ></z-person-select-dialog>
            <i class="el-icon-arrow-right"></i>
          </z-space>
        </zw-layout>
      </div>
      <span slot="footer" class="dialog-footer">
        <el-button @click="dialogVisible = false">取 消</el-button>
        <el-button type="primary" @click="createShare">分享</el-button>
      </span>
    </el-dialog>
  </div>
</template>


<script>
import ZPersonSelectDialog from "./ZPersonSelectDialog";
export default {
  name: 'ZContentShareDialog',
  components: {ZPersonSelectDialog},
  data() {
    return {
      dialogVisible: false,
      selectedUUIDs: []
    };
  },
  methods: {
    handleClose(done) {
      this.$confirm('确认关闭？')
          .then(_ => {
            done();
          })
          .catch(_ => {});
    },
    createShare() {
      this.dialogVisible = false
    }
  }
};
</script>
